
.header{
    background-color: @color-theme-white;
    //border-bottom:1px solid @color-theme-gray;
    box-shadow: 0 0 3px @color-theme-gray;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    vertical-align:middle;
    width: 100%;
    height: @header-height;
    line-height: 1;
    color: white;
    padding: 0 @page-padding-h;
    &:extend(.clearfix all);
    .header-center{
        text-align: center;
        height: 100%;
    }
    
    .left{
        color: @color-theme-black;
        display: inline-block;
        position: absolute;
        top: 0;
        z-index: 1;
        line-height: @header-height;
        left: @page-padding-h;
    }

    .title{
        color: @color-theme-black;
        position: absolute;
        left:0;
        top:0;
        width:100%;
        text-align: center;
        padding:0 20%;
        line-height:@header-height;
        height:100%;
    }

    .right{
        color: @color-theme-black;
        top: 0;
        position: absolute;
        right: @page-padding-h;
        line-height: @header-height;
    }
    
    
}

.wx,.pc{
    .header{
        display: none;
    }

    .menu-body,.order-body,.table-wrapper,.order-list-body{
        top:0!important;
    }
}


